<template>
<div>
    <div class="infor">
        <span class="title">{{data1.title}}</span>
        <span class="more">{{data1.more}}</span>
        
    </div>
    <div class="main">
        <ul class="wrapul">
            <li class="box1" v-for="value in data1.list1" :key='value.img'>
                <img :src="value.img" alt="">
                <span class="span1">{{value.span1}}</span>
                <span class="span2">{{value.span2}}</span>
                <span class="span3">{{value.span3}}</span>
            </li>
        </ul>
    </div>
</div>

</template>

<script>
export default{
    props: ['data1'],
    data() {
        return {
            // data1:{
            //     title:'二手房·全城必看好房',
            //     more:'更多二手房>',
            //     list1:[
            //             {
            //                 img:"https://storage.lynnn.cn/assets/markdown/public/pictures/2021/08/ee927d1f803509a591332919804bc6f9efe13f09.jpeg?sign=4c094e51862cab9fdf83c12183c0286c&t=61129ad4",
            //                 span1:"2室1厅/86.49㎡",
            //                 span2:"44人关注此房",
            //                 span3:"760万",
            //             },
            //             {
            //                 img:"https://storage.lynnn.cn/assets/markdown/public/pictures/2021/08/86d8d3b15c75a30cd66b9c9a938007bfa06e0353.jpeg?sign=7405a1dce19b3ee0f2bedfa8a97b4101&t=61129b20",
            //                 span1:"2室1厅/78.03㎡",
            //                 span2:"38人关注此房",
            //                 span3:"798万",
            //             },{
            //                 img:"https://storage.lynnn.cn/assets/markdown/public/pictures/2021/08/05caed980fab9307881b414c7ac10c6af44be1fe.jpeg?sign=3f20b8b68537c0e0c6b83c5c7dc6ed0b&t=61129b44",
            //                 span1:"3室1厅/79.02㎡",
            //                 span2:"70人关注此房",
            //                 span3:"758万",
            //             },
            //         ]
            // },
            
        }
    },
}
</script>

<style lang='stylus' scoped>
.infor
    display flex
    justify-content space-between
    padding 0.1rem 0.24rem
.title
    font-size 0.19rem
    font-weight bold
    line-height 0.4rem
.more
    color #A69999
    line-height 0.4rem
.main
    padding 0rem 0.24rem
.box1
    width 32%
    display flex
    flex-direction column
.box1 img 
    width 100%
.span1
    font-weight bold
.span2
    font-size 0.12rem
.span3
    color #FA5741
.wrapul
    display flex


</style>
